<template>
<view class="demo"> 
	<!-- 底部 -->
	<view class="footer">
		<view class="fix-wrap nav">
			<view class="item flex-grow-1">
				<view class="icon">
					<view class="iconfont f-s34">&#xe61f;</view>
					<view class="num">...</view>
				</view>				
				<view class="name">首页</view>
			</view>
			<view class="item flex-grow-1">
				<view class="icon">
					<view class="iconfont">&#xe61f;</view>
					<view class="splot"></view>
				</view>
				<view class="name">首页</view>
			</view>
			<view class="item flex-grow-1">
				<view class="icon">
					<view class="iconfont">&#xe61f;</view>
					<view class="num">1</view>
				</view>	
				<view class="name">首页</view>
			</view>
			<view class="item flex-grow-1">
				<view class="icon">
					<view class="iconfont f-s40">&#xe626;</view> 
				</view>
				<view class="name">我的</view>
			</view>
		</view>
	</view>
	
	<!-- tab -->
	<view class="h90">
		<view class="fix-wrap">
			<scroll-view scroll-x="true" class="h45 scroll-tab">
				<view class="item active">
					<view class="name">scrolltab</view>
					<view class="active-line"></view>
				</view>
				<view class="item" v-for="(item,index) in 10">
					<view class="name">scrolltab</view>
					<view class="active-line"></view>
				</view>
			</scroll-view>
			<view class="h45 limit-tab">
				<view class="item active">
					<view class="name">固定tab</view>
					<view class="active-line"></view>
				</view>
				<view class="item">
					<view class="name">固定tab</view>
					<view class="active-line"></view>
				</view>
				<view class="item">
					<view class="name">固定tab</view>
					<view class="active-line"></view>
				</view>
			</view>
		</view>
	</view>
	
	<!-- 筛选 -->
	<view class="h45">
		<view class="fix-wrap">
			<view class="filter-bar"> 
				<view class="item">
					<view class="name">区域</view>
					<view v-if="false" class="iconfont f-s36">&#xe635;</view>
					<view v-else class="iconfont f-s36">&#xe631;</view>
				</view>
				<view class="item">
					<view class="name">机构等级</view>
					<view v-if="true" class="iconfont f-s36">&#xe635;</view>
					<view v-else class="iconfont f-s36">&#xe631;</view>
				</view>
				<view class="item">
					<view class="name">综合排序</view>
					<view v-if="true" class="iconfont f-s36">&#xe635;</view>
					<view v-else class="iconfont f-s36">&#xe631;</view>
				</view> 
			</view>
			<!-- 筛选内容 -->
			<view v-if="false" class="filter-select-page">
				<template>
					<view class="filter-select-list">
						<view class="item" v-for="(item,index) in 4" :key="index">
							<view class="val">销量从高到低</view>
							<view class="iconfont f-s36 active">&#xe692;</view>
						</view>
					</view>
				</template>
			</view>			
		</view>
	</view>
	
	<!-- 内容列表 -->
	<view class="detail-list-wrap">
		<view class="item">
			<view class="iconfont label-icon f-s36">&#xe632;</view>
			<view class="content">
				<view class="val">周一至周五：8:00-12:00（抽血时间为10:00前）</view>
				<view class="iconfont icon-corrow">&#xe625;</view>
			</view>					
		</view>
	</view>
	
	<!-- 列表结构 -->
	<template v-if="!loadingState.default">
		<template v-if="!isEmpty">				
			<tcList></tcList>
			<loading :loadingState="loadingState"></loading>
		</template>
		<empty v-else><view slot="text">没有相关信息</view></empty>
	</template>
	<template v-else>
		<loading :loadingState="loadingState"></loading>
	</template>
	
	<!-- 按时间查看 -->
	<view class="search-data">
		<view class="fix-wrap">
			<picker mode="selector" :range="tool_data" @change="">
				<view class="change-btn">
					<view class="select-data">(粤)湛江徐闻01-杀虫灯</view>
					<view class="iconfont f-s24">&#xe623;</view>
				</view>
			</picker>
			<view class="date-bar">
				<view class="date start-date"></view>
				<view class="date end-date"></view>
				<view class="btn">查看</view>
			</view>
		</view>
	</view>
</view>
</template>

<script>
export default{
	name:'demo',
	data(){
		return{
			height:getApp().globalData.statusBarHeight, 
		}
	},
	onShow() {
		
	},
	onLoad() {
		
	},
	methods:{
		// 生成小程序码
		getQrCode:async function(){
			let codeRes=await this.$api.global_api.getCode({
				page:'package_tijian/receive/receive', 
				scene:'r123',
				width:400,
				is_hyaline:true,
				 
				
			});		 
			// if(codeRes.data.code==200){
			// 	return codeRes.data.data;
			// } 			 
		},
	},
	computed:{
		
	},
	components:{
		
	}
}
</script>

<style>
.status-bar{
	position: fixed;
	top:0;
	left: 0;
	width:100%;
	/* height:24px; */
	background: #f00;
}
</style>
